import "./fanInfoTable.scss";
import { Table } from "@/components/table/table";
import { THead } from "@/components/table/thead";
import { TBody } from "@/components/table/tbody";
import { Tr } from "@/components/table/tr";
import { Td } from "@/components/table/td";
import { Delete, Advance } from "@/components/svg/svg";
import { Link } from "react-router-dom";
export function FanInfoTable() {
  return (
    <>
      <Table>
        <THead>
          <Tr>
            <Td align="center">序号</Td>
            <Td align="center">粉丝名</Td>
            <Td align="center">主页</Td>
            <Td align="center">总评论</Td>
            <Td align="center">总播放量</Td>
            <Td align="center">发布时间</Td>
            <Td align="center">一键私聊</Td>
          </Tr>
        </THead>
        <TBody>
          <Tr>
            <Td isShadow radiusPostion={"bottom-left"} align="center">
              序号
            </Td>
            <Td isShadow align="center">
              作者
            </Td>
            <Td isShadow align="center">
              作者主页
            </Td>
            <Td isShadow align="center">
              视频链接
            </Td>
            <Td isShadow align="center">
              时长
            </Td>
            <Td isShadow align="center">
              发布时间
            </Td>
            <Td isShadow radiusPostion={"bottom-right"} align="center">
              <div className="dashboard_svg_main">
                <Link to={"/dashboard/fans_collection"}>
                  <Delete />
                </Link>
                <Link to={"/dashboard/fans_collection"} className="svg_main">
                  <Advance />
                </Link>
              </div>
            </Td>
          </Tr>
        </TBody>
      </Table>
    </>
  );
}
